<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>引入方式</title>
    <!-- 引入方式二：把 JavaScript 代码放在 script 标签内 -->
    <!-- script 标签可以出现在 HTML 文档的任何位置 -->
    <!-- 浏览器按照从上到下的顺序加载 HTML 文档中标签时，遇到 script 标签就会执行里面的 JavaScript 代码 -->
    <script>
        alert("你吃早饭了吗？script标签内");
    </script>

    <!-- 引入方式三：引入外部 JavaScript 文件 -->
    <!-- 通过 src 属性指定外部 JavaScript 文件所在位置 -->
    <script src="scripts/out.js"></script>
</head>
<body>

    <!-- 引入方式一：直接写在 HTML 标签内 -->
    <!-- onclick 表示在用户点击按钮的时候执行 JavaScript 代码 -->
    <!-- alert() 是 JavaScript 中系统内置的函数，可以直接调用，效果是在浏览器上弹出一个提示框，提示框的内容就是括号中的字符串 -->
    <!-- 缺点：HTML 和 JavaScript 代码耦合在一起，不利于维护和重用 -->
    <button onclick="alert('你吃早饭了吗？普通标签内')">点我有惊喜</button>

</body>
</html>